page{
	background: #F0F9FE;
}
.top{
	position: absolute;
	padding-top: 120rpx;
	font-weight: 600;
	font-size: 38rpx;
	color: #333333;
	line-height: 49rpx;
	left: 30rpx
}

.containersss {
  position: relative;
 width: 150rpx;
 height: 150rpx;
}

.member-bg {
	width: 150rpx;
	height: 150rpx;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1111; /* 背景层在底部 */
	background-size: cover;
	background-position: center;
}

.mine__bg{ 

	height: 480rpx;
	background-size: 100% 100%;
}	
.mine__info{
  display: flex;
  flex-direction: row;
  margin-top: 0rpx;
  margin-left: 50rpx;
  display: flex;
  text-align: center;
}
.order_image{
	width: 55rpx;
	height: 55rpx;
}
.mine__bg--avatar{
	 position: relative; /* 或 absolute 定位到想要的位置 */
	  z-index: 2; /* 确保头像在背景上方可点击 */
  width: 150rpx;
  height: 150rpx;
 /* border: 5rpx solid #FFFFFF; */
  border-radius: 50%;
z-index: 2; /* 确保头像在背景上方可点击 */
}
.order_text{
	font-size: 28rpx;
	color: #031F37;
}

.mine__info--cell{
  display: flex;
  flex-direction: column;
  justify-content: start;
  margin-left: 10rpx;
}
.button-service{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 28rpx;
  background-color: #fff;
  border: none;
  padding: 0;
/*  margin-left: 1rpx; */
  line-height: 1;
  border: none !important;
}
  button::after{
          border: none;
      }
	  
	.mine__info--name{
		display: flex;
		font-weight: 600;
		font-size: 32rpx;
		color: #333333;
		line-height: 42rpx;
		text-align: center;  
	}

.mine__info--desc{
	display: flex;
	justify-content: left;
  font-size: 28rpx;
  color: #000000;
  margin-top: 15rpx;
}
.setimg{
	position: absolute;
	right: 25rpx;
	margin-top: 40rpx;
}
.mine_bg_userset{
	width: 40rpx;
	height: 40rpx;
}

.copy{
		font-weight: bold;
		font-size: 30rpx;
		color: #fff;
	}

.level_name{
 margin-top: 8rpx;
  width: 108rpx;
  height: 36rpx;
  background: linear-gradient(90deg, #F0BF7D 0%, #FDE1B8 50%, #F2C58B 100%);
  border-radius: 6rpx;
  font-size: 24rpx;
  margin-left: 15rpx;
  text-align: center;
  font-size: 22rpx;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #402720;
  line-height: 38rpx;  
}


.level_set{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-top: 40rpx;
  margin-left: 30rpx;
  width: 690rpx;
  height: 92rpx;
  background: linear-gradient(90deg, #E4BE7D 0%, #F3E0BC 100%);
  border-radius: 16rpx;
  align-items: center;    /**子view垂直居中*/
  
}
.level_img{
  height: 440rpx;
  background-size: 100% 100%;
  /* background-color: red; */
  width: 46rpx;
  height: 46rpx;

}
.levelName{
  display: flex;
  flex-direction: row;
  font-size: 32rpx;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #000000;
  line-height: 42rpx;
 margin-left: -30rpx;
}
.level_desc{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  height: 76rpx;
  opacity: 1; 
  border-radius: 0 38rpx 38rpx 0;
  font-size: 24rpx;
  width: 150rpx;
  height: 50rpx;
  background: linear-gradient(-90deg, #1A1A1A 0%, #434343 100%);
  border-radius: 22rpx;
}

.level_name{
 margin-top: 8rpx;
  width: 108rpx;
  height: 36rpx;
  background: linear-gradient(90deg, #F0BF7D 0%, #FDE1B8 50%, #F2C58B 100%);
  border-radius: 6rpx;
  font-size: 24rpx;
  margin-left: 15rpx;
  text-align: center;
  font-size: 22rpx;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #402720;
  line-height: 38rpx;  
}

.mine__order{
  background: #FFF;
}

.mine__cell-wrap{
  padding: 0 25rpx;
  margin-top: -185rpx;

}

.mine__cell{
  box-shadow: 0 0 8rpx rgba(0, 0, 0, 0.01);
  border-radius: 20rpx !important;
}

.service_fw{
  display: flex;
  padding-top: 30rpx;
  margin-left: 20rpx;
  margin-bottom: 30rpx;
  /* font-weight: bold; */
}
	 .t-cell-icon-image{
	  width: 48rpx;
	  height: 48rpx;
	  /* border-radius: 50%; */
	}
.service{
 display: flex;
 flex-wrap: wrap;
 justify-content: space-evenly;

}

.service_one{
  margin-bottom: 20rpx;
  width: 20%;
  height: 100rpx;
  display: flex;
  flex-direction: column;
  margin-left: 35rpx;
  font-size: 28rpx;
  height: 120rpx;
}

  .classify-cell{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	/* justify-content: center;
	 */
	
	/* margin-top: 5rpx; */
	justify-content: flex-start;
	background-color: #fff;
	align-items: center;
	text-align: center;
	
  }
	
  .grid-img{  
	width: 60rpx;
	height: 59rpx;
	margin: 15rpx 15rpx 0rpx 15rpx;
	border-radius: 10rpx;	
  }
  
  .about-button{
    margin-top: 10rpx;
	margin-bottom: 10rpx;
    font-size: 28rpx;
    line-height: 80rpx;
    height: 80rpx;
    color: #FFFFFF;
	width: 360rpx;
  }
  
  .about-button:active{
    opacity: 0.5;
  }
  .price_share3{
   position: fixed;
     width: 115rpx;
     height: 115rpx;
     background: #000000;
     opacity: 0.8;
     border-radius: 50%;
     bottom: 200rpx;
     display: flex;
     flex-direction: column;
     font-size: 24rpx;
     right: 20rpx;
     justify-content: center;
     align-items: center;
     font-weight: 400;
         font-size: 20rpx;
         color: #FFFFFF;
         line-height: 35rpx;
  }
  .incubate_image3{
  	width: 54rpx;
  	height: 40rpx;
  }
  
  .custom-btn-text {
       display: flex;
       justify-content: center;
	   align-items: center;
	   text-align: center;
	   font-weight: 600;
	   font-size: 40rpx;
	   color: #222222;
  }
  .btn-reset{
	/*  margin-left: 12px;
	  margin-right: 12px; */
	  border-radius: 0rpx 0px 9px 9px;
	  background-color: #fff;
  }
  .bottom {
  	display: flex;
	border-radius: 1998rpx 1998rpx 1998rpx 1998rpx;
	border: 2rpx solid #36B3E9;
	font-weight: 400;
	font-size: 28rpx;
	color: #36B3E9;
	width: 272rpx;
	height: 82rpx;
	justify-content: center;
	align-items: center;
	text-align: center;
  /* 	border-radius: 80rpx;
  	margin: 70rpx 50rpx;
  	font-size: 35rpx;
  	border: none;
  	color: #36B3E9 !important;
  	background: #FFFFFF !important;
  	border-radius: 100rpx 100rpx 100rpx 100rpx;
  	height: 85rpx;
  	
  	font-weight: 600;
  	font-size: 32rpx; */
  	
  	
  /* 	background: linear-gradient(-90deg, #FFA200 0%, #FFC13D 100%); */
  }
			
.orders{
	position: relative;
}	
.round-badges {
	 position: absolute;
	  width: 48rpx;
	  height: 40rpx	;
	  border-radius: 45%;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  background-color: #C81C39;
	  color: #fff;
	  font-size: 12px;
	  margin-left: 24px;
}

.popup-box {
  width: 550rpx;
  background: #fff;
  border-radius: 20rpx;
  padding: 40rpx 30rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.popup-icon {
  width: 100rpx;
  height: 100rpx;
  margin-bottom: 20rpx;
}
.popup-title {
  font-size: 32rpx;
  font-weight: bold;
  color: #333;
  margin-bottom: 10rpx;
}
.popup-desc {
  font-size: 26rpx;
  color: #666;
  text-align: center;
  margin-bottom: 30rpx;
}
.btn-group {
  display: flex;
  flex-direction: column;
  gap: 20rpx;
  width: 100%;
}